<template>
  <div>
    <!-- 共三个页面   -->
    <keep-alive include="HomeView">
      <router-view></router-view>
    </keep-alive>
    <van-tabbar v-model="active" route  >
      <van-tabbar-item replace to="/home">
        <span>首页</span>
        <template #icon="props">
          <!-- 图标 -->
         <van-icon name="wap-home-o" />
        </template>
      </van-tabbar-item>
      
  

      <van-tabbar-item replace to="">
        <span>消息</span>
        <template #icon="props">
          <!-- 图标 -->
        <van-icon name="add-o" />
        </template>
      </van-tabbar-item>
      <van-tabbar-item replace to="/my">
        <span>个人中心</span>
        <template #icon="props">
          <!-- 图标 -->
        <van-icon name="friends-o" />
        </template>
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "index",
  components: {
   
  },
  data() {
    return {
      active: 0,
    };
  },

};
</script>
<style lang="scss">
</style>

